<!-- Team -->
<div class="max-w-5xl px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
  <!-- Title -->
  <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
    <h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Our team</h2>
    <p class="mt-1 text-gray-600 dark:text-gray-400">Creative people</p>
  </div>
  <!-- End Title -->

  <!-- Grid -->
  <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-8 md:gap-12">
    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">David Forren</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Founder / CEO</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Amil Evara</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">UI/UX Designer</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1548142813-c348350df52b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Ebele Egbuna</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Support Consultant</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Maria Powers</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Director of sales</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Delia Pawelke</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Front-end Developer</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1624224971170-2f84fed5eb5e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Tom Lowry</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">UI/UX Designer</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Louise Donadieu</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Support Consultant</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1514222709107-a180c68d72b4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Jeff Fisher</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Project Manager</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1602452920335-6a132309c7c8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Sophia Harrington</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Project Manager</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1515621061946-eff1c2a352bd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Christina Kray</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Support Consultant</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1514846226882-28b324ef7f28?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Amy Forren</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Product Designer</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1610216705422-caa3fcb6d158?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Philip Williams</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Support Consultant</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1520409364224-63400afe26e5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Brian Lofoten</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">UI/UX Designer</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1558507652-2d9626c4e67a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Jessica Dorsey</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">Director of sales</p>
      </div>
    </div>
    <!-- End Col -->

    <div class="text-center">
      <img
        class="rounded-full w-24 h-24 mx-auto"
        src="https://images.unsplash.com/photo-1521151716396-b2da27b1a19f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80"
        alt="Image Description"
      />
      <div class="mt-2 sm:mt-4">
        <h3 class="font-medium text-gray-800 dark:text-gray-200">Nick Jackson</h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">UI/UX Designer</p>
      </div>
    </div>
    <!-- End Col -->
  </div>
  <!-- End Grid -->

  <!-- Card -->
  <div class="mt-12 flex justify-center">
    <div class="border border-gray-200 p-1.5 pl-5 rounded-full dark:border-gray-700">
      <div class="flex items-center gap-x-3">
        <span class="text-sm text-gray-500">Want to work with us?</span>
        <a
          class="
            inline-flex
            justify-center
            items-center
            gap-x-2
            text-center
            bg-white
            border
            hover:border-gray-300
            text-sm text-blue-600
            hover:text-blue-700
            font-medium
            hover:shadow-sm
            rounded-full
            focus:outline-none
            focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 focus:ring-offset-white
            transition
            py-3
            px-4
            dark:bg-slate-900
            dark:border-gray-700
            dark:hover:border-gray-600
            dark:text-blue-600
            dark:hover:text-blue-500
            dark:hover:shadow-slate-700/[.7]
            dark:focus:ring-gray-700 dark:focus:ring-offset-gray-800
          "
          href="#"
        >
          We are hiring
          <svg class="w-2.5 h-2.5" width="16" height="16" viewBox="0 0 16 16" fill="none">
            <path
              d="M5.27921 2L10.9257 7.64645C11.1209 7.84171 11.1209 8.15829 10.9257 8.35355L5.27921 14"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
            />
          </svg>
        </a>
      </div>
    </div>
  </div>
  <!-- End Card -->
</div>
<!-- End Team -->
